/* CSS Document */
@keyframes iphoneimg1{
	0%{opacity:0}
	100%{opacity:1}
}
@-webkit-keyframes iphoneimg1{
	0%{opacity:0}
	100%{opacity:1}
}

@keyframes tringleimg{
	0%,50%{opacity:0; transform:translateY(-280%);}
	100%{opacity:1; transform:translateY(0);}
}
@-webkit-keyframes tringleimg{
	0%,50%{opacity:0; transform:translateY(-280%);}
	100%{opacity:1; transform:translateY(0);}
}

@keyframes manrotate{
	0%,50%{opacity:0; transform:rotate(90deg);}
	100%{opacity:1; transform:rotate(0);}
}
@-webkit-keyframes manrotate{
	0%,50%{opacity:0; transform:rotate(90deg);}
	100%{opacity:1; transform:rotate(0);}
}

@keyframes iphoneimg2{
	0%{opacity:0; transform:translateY(15%);}
	100%{opacity:1; transform:translateY(0);}
}
@-webkit-keyframes iphoneimg2{
	0%{opacity:0; transform:translateY(15%);}
	100%{opacity:1; transform:translateY(0);}
}
@keyframes htiao1{
	0%{opacity:0; transform:translateX(-100%);}
	100%{opacity:1; transform:translateY(0);}
}
@-webkit-keyframes htiao1{
	0%{opacity:0; transform:translateX(-100%);}
	100%{opacity:1; transform:translateY(0);}
}

@keyframes htiao2{
	0%{opacity:0; transform:translateX(100%);}
	100%{opacity:1; transform:translateY(0);}
}
@-webkit-keyframes htiao2{
	0%{opacity:0; transform:translateX(100%);}
	100%{opacity:1; transform:translateY(0);}
}

@keyframes cicle1{
	0%,50%{opacity:0; transform:translateY(-70%);}
	100%{opacity:1; transform:translateY(0);}
}
@-webkit-keyframes cicle1{
	0%,50%{opacity:0; transform:translateY(-70%);}
	100%{opacity:1; transform:translateY(0);}
}

@keyframes cicle2{
	0%,50%{opacity:0; transform:translateY(70%);}
	100%{opacity:1; transform:translateY(0);}
}
@-webkit-keyframes cicle2{
	0%,50%{opacity:0; transform:translateY(70%);}
	100%{opacity:1; transform:translateY(0);}
}

@keyframes cicle3{
	0%,50%{opacity:0; transform:translateX(395%);}
	100%{opacity:1; transform:translateY(0);}
}
@-webkit-keyframes cicle3{
	0%,50%{opacity:0; transform:translateX(395%);}
	100%{opacity:1; transform:translateY(0);}
}

@keyframes cicle4{
	0%,50%{opacity:0; transform:translateX(-395%);}
	100%{opacity:1; transform:translateY(0);}
}
@-webkit-keyframes cicle4{
	0%,50%{opacity:0; transform:translateX(-395%);}
	100%{opacity:1; transform:translateY(0);}
}

@keyframes cicle5{
	0%,50%{opacity:0; transform:translateY(-100%);}
	100%{opacity:1; transform:translateY(0);}
}
@-webkit-keyframes cicle5{
	0%,50%{opacity:0; transform:translateY(-100%);}
	100%{opacity:1; transform:translateY(0);}
}

@keyframes cicle6{
	0%,50%{opacity:0; transform:translateY(50%);}
	100%{opacity:1; transform:translateY(0);}
}
@-webkit-keyframes cicle6{
	0%,50%{opacity:0; transform:translateY(50%);}
	100%{opacity:1; transform:translateY(0);}
}

@keyframes star1{
	0%,50%{opacity:0; transform:rotate(360deg); width:0;}
	100%{opacity:1; transform:rotate(0); width:28px;}
}
@-webkit-keyframes star1{
	0%,50%{opacity:0; transform:rotate(360deg); width:0;}
	100%{opacity:1; transform:rotate(0); width:100%;}
}

@keyframes man1{
	0%,50%{opacity:0; transform:translateX(50%);}
	100%{opacity:1; transform:translateX(0);}
}
@-webkit-keyframes man1{
	0%,50%{opacity:0; transform:translateX(50%);}
	100%{opacity:1; transform:translateX(0);}
}

@keyframes man2{
	0%,50%{opacity:0; width:36px;}
	100%{opacity:1; width:46px}
}
@-webkit-keyframes man2{
	0%,50%{opacity:0; width:36px;}
	100%{opacity:1; width:46px}
}

@keyframes man3{
	0%,50%{opacity:0; transform:translateX(-50%);}
	100%{opacity:1; transform:translateX(0);}
}
@-webkit-keyframes man3{
	0%,50%{opacity:0; transform:translateX(-50%);}
	100%{opacity:1; transform:translateX(0);}
}

@keyframes nav1{
	0%{opacity:0; left:158px; top:70px; z-index:1; transform:rotate(-360deg);}
	35%{opacity:0.3; left:158px; top:70px; z-index:1; transform:rotate(-360deg);}
	65%{ opacity:0.5; left:488px; top:70px; z-index:1; transform:rotate(-180deg);}
	100%{opacity:1; left:419px; top:70px; z-index:3; transform:rotate(0);}
}
@-webkit-keyframes nav1{
	0%{opacity:0; left:158px; top:70px; z-index:1; transform:rotate(-360deg);}
	35%{opacity:0; left:158px; top:70px; z-index:1; transform:rotate(-360deg);}
	65%{ opacity:0.5; left:488px; top:70px; z-index:1; transform:rotate(-180deg);}
	100%{opacity:1; left:419px; top:70px; z-index:3; transform:rotate(0);}
}

@keyframes nav2{
	0%{opacity:0; left:158px; top:139px; z-index:1; transform:rotate(-540deg);}
	35%{opacity:0; left:158px; top:139px; z-index:1; transform:rotate(-540deg);}
	60%{ opacity:0.5; left:408px; top:150px; z-index:1; transform:rotate(-270deg);}
	100%{opacity:1; left:359px; top:139px; z-index:3; transform:rotate(0);}
}
@-webkit-keyframes nav2{
	0%{opacity:0; left:158px; top:139px; z-index:1; transform:rotate(-540deg);}
	35%{opacity:0; left:158px; top:139px; z-index:1; transform:rotate(-540deg);}
	60%{ opacity:0.5; left:408px; top:150px; z-index:1; transform:rotate(-270deg);}
	100%{opacity:1; left:359px; top:139px; z-index:3; transform:rotate(0);}
}

@keyframes nav3{
	0%{opacity:0; left:158px; top:287px; z-index:1; transform:rotate(-360deg);}
	35%{opacity:0; left:158px; top:287px; z-index:1; transform:rotate(-360deg);}
	60%{ opacity:0.5; left:488px; top:210px; z-index:1; transform:rotate(-180deg);}
	100%{opacity:1; left:414px; top:210px; z-index:3; transform:rotate(0);}
}
@-webkit-keyframes nav3{
	0%{opacity:0; left:158px; top:287px; z-index:1; transform:rotate(-360deg);}
	35%{opacity:0; left:158px; top:287px; z-index:1; transform:rotate(-360deg);}
	60%{ opacity:0.5; left:488px; top:210px; z-index:1; transform:rotate(-180deg);}
	100%{opacity:1; left:414px; top:210px; z-index:3; transform:rotate(0);}
}

@keyframes nav4{
	0%{opacity:0; left:158px; top:287px; z-index:1; transform:rotate(-360deg);}
	35%{opacity:0; left:158px; top:287px; z-index:1; transform:rotate(-360deg);}
	60%{ opacity:0.5; left:408px; top:270px; z-index:1; transform:rotate(-180deg);}
	100%{opacity:1; left:383px; top:287px; z-index:3; transform:rotate(0);}
}
@-webkit-keyframes nav4{
	0%{opacity:0; left:158px; top:287px; z-index:1; transform:rotate(-360deg);}
	35%{opacity:0; left:158px; top:287px; z-index:1; transform:rotate(-360deg);}
	60%{ opacity:0.5; left:408px; top:270px; z-index:1; transform:rotate(-180deg);}
	100%{opacity:1; left:383px; top:287px; z-index:3; transform:rotate(0);}
}

@keyframes nav5{
	0%{opacity:0; left:268px; top:302px; z-index:1; transform:rotate(-360deg);}
	35%{opacity:0; left:268px; top:322px; z-index:1; transform:rotate(-360deg);}
	60%{ opacity:0.5; left:408px; top:322px; z-index:1; transform:rotate(-180deg);}
	100%{opacity:1; left:268px; top:302px; z-index:3; transform:rotate(0);}
}
@-webkit-keyframes nav5{
	0%{opacity:0; left:268px; top:302px; z-index:1; transform:rotate(-360deg);}
	30%{opacity:0; left:268px; top:302px; z-index:1; transform:rotate(-360deg);}
	55%{opacity:0; left:268px; top:322px; z-index:1; transform:rotate(-360deg);}
	80%{ opacity:0.5; left:408px; top:322px; z-index:1; transform:rotate(-180deg);}
	100%{opacity:1; left:268px; top:302px; z-index:3; transform:rotate(0);}
}

@keyframes nav6{
	0%{opacity:0; left:154px; top:322px; z-index:1; transform:rotate(360deg);}
	35%{opacity:0; left:154px; top:322px; z-index:1; transform:rotate(360deg);}
	60%{ opacity:0.5; left:0px; top:222px; z-index:1; transform:rotate(180deg);}
	100%{opacity:1; left:154px; top:322px; z-index:3; transform:rotate(0);}
}
@-webkit-keyframes nav6{
	0%{opacity:0; left:154px; top:322px; z-index:1; transform:rotate(360deg);}
	35%{opacity:0; left:154px; top:322px; z-index:1; transform:rotate(360deg);}
	60%{ opacity:0.5; left:0px; top:222px; z-index:1; transform:rotate(180deg);}
	100%{opacity:1; left:154px; top:322px; z-index:3; transform:rotate(0);}
}

@keyframes nav7{
	0%{opacity:0; left:154px; top:322px; z-index:1; transform:rotate(360deg);}
	35%{opacity:0; left:154px; top:322px; z-index:1; transform:rotate(360deg);}
	60%{ opacity:0.5; left:-30px; top:360px; z-index:1; transform:rotate(180deg);}
	100%{opacity:1; left:42px; top:254px; z-index:3; transform:rotate(0);}
}
@-webkit-keyframes nav7{
	0%{opacity:0; left:154px; top:322px; z-index:1; transform:rotate(360deg);}
	35%{opacity:0; left:154px; top:322px; z-index:1; transform:rotate(360deg);}
	60%{ opacity:0.5; left:-30px; top:360px; z-index:1; transform:rotate(180deg);}
	100%{opacity:1; left:42px; top:254px; z-index:3; transform:rotate(0);}
}

@keyframes nav8{
	0%{opacity:0; left:154px; top:168px; z-index:1; transform:rotate(360deg);}
	35%{opacity:0; left:154px; top:168px; z-index:1; transform:rotate(360deg);}
	60%{ opacity:0.5; left:0px; top:140px; z-index:1; transform:rotate(180deg);}
	100%{opacity:1; left:10px; top:168px; z-index:3; transform:rotate(0);}
}
@-webkit-keyframes nav8{
	0%{opacity:0; left:154px; top:168px; z-index:1; transform:rotate(360deg);}
	35%{opacity:0; left:154px; top:168px; z-index:1; transform:rotate(360deg);}
	60%{ opacity:0.5; left:0px; top:140px; z-index:1; transform:rotate(180deg);}
	100%{opacity:1; left:10px; top:168px; z-index:3; transform:rotate(0);}
}

@keyframes nav9{
	0%{opacity:0; left:74px; top:113px; z-index:1; transform:rotate(360deg);}
	35%{opacity:0; left:74px; top:113px; z-index:1; transform:rotate(360deg);}
	60%{ opacity:0.5; left:20px; top:90px; z-index:1; transform:rotate(180deg);}
	100%{opacity:1; left:74px; top:113px; z-index:3; transform:rotate(0);}
}
@-webkit-keyframes nav9{
	0%{opacity:0; left:74px; top:113px; z-index:1; transform:rotate(360deg);}
	35%{opacity:0; left:74px; top:113px; z-index:1; transform:rotate(360deg);}
	60%{ opacity:0.5; left:20px; top:90px; z-index:1; transform:rotate(180deg);}
	100%{opacity:1; left:74px; top:113px; z-index:3; transform:rotate(0);}
}

@keyframes iphoneimg4{
	0%,50%{opacity:0; transform:translateY(-10%);}
	100%{opacity:1; transform:translateY(0);}
}
@-webkit-keyframes iphoneimg4{
	0%,50%{opacity:0; transform:translateY(-10%);}
	100%{opacity:1; transform:translateY(0);}
}

@keyframes iphoneimg4btm{
	0%,50%{opacity:0; transform:translateY(10%);}
	100%{opacity:1; transform:translateY(0);}
}
@-webkit-keyframes iphoneimg4btm{
	0%,50%{opacity:0; transform:translateY(10%);}
	100%{opacity:1; transform:translateY(0);}
}